<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html 	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

    <link href="#{facesContext.externalContext.requestContextPath}/templates/admin-template-html5-css3/css/admin.css" rel="stylesheet" type="text/css" />
	<!-- link href="#{facesContext.externalContext.requestContextPath}/templates/admin-template-html5-css3/css/admin.css" rel="stylesheet" type="text/css"  media="screen" /-->
	<title><h:outputText value="#{msg.application_title} :: " /><ui:insert name="titulo" /></title>
</h:head>
<h:body>
    <div id="main">
        <div id="header">
            <ui:insert name="cabecalho">
				<ui:include src="header.xhtml" />
			</ui:insert>
		</div>

		<!-- Código de leiaute antes das mensagens e alertas do sistema -->
		<div id="alertas">
			<ui:insert name="alertas">
				Alertas não especificado...
			</ui:insert>
		</div>
		<!-- Código de leiaute depois das mensagens e alertas do sistema -->

		<div id="menu">
			<ui:insert name="menu">
				<ui:include src="menu.xhtml" />
			</ui:insert>
		</div>

        <div id="middle">
            <div id="left-column">
                <h3>Header</h3>
                <ul class="nav">
                    <li><a href="#">Lorem Ipsum dollar</a></li>
                    <li><a href="#">Dollar</a></li>
                    <li><a href="#">Lorem dollar</a></li>
                    <li><a href="#">Ipsum dollar</a></li>
                    <li><a href="#">Lorem Ipsum dollar</a></li>
                    <li><a href="#">Dollar Lorem Ipsum</a></li>
                </ul>
                <a href="#" class="link">Link here</a>
                <a href="#" class="link">Link here</a>
            </div>
            <div id="center-column">
                <div class="top-bar">
                    <a href="#" class="button">ADD NEW </a>
                    <h1>Contents</h1>
                    <div class="breadcrumbs">
                    	<ui:insert name="breadcrumbs">
                    		<ui:include src="breadcrumbs.xhtml"></ui:include>
                    	</ui:insert>
                    </div>
                </div>
                <div class="select-bar">
                    <label>
                        <input type="text" name="textfield" />
                    </label>
                    <label>
                        <input type="submit" name="Submit" value="Search" />
                    </label>
                </div>
                <div class="table">
                	<!-- Código de leiaute antes do conteúdo principal da página -->
					<ui:insert name="conteudo">
						Conteúdo não especificado...
					</ui:insert>
                	<ui:insert name="listing">
						<ui:include src="listing.xhtml" />
					</ui:insert>
                    <div class="select">
                        <strong>Other Pages: </strong>
                        <select>
                            <option>1</option>
                        </select>
                    </div>
                </div>
                <div class="table">
                    <ui:insert name="listing-form">
						<ui:include src="listing-form.xhtml" />
					</ui:insert>
                </div>
            </div>
            <div id="right-column">
                <strong class="h">Quick Info</strong>
                <div class="box">
                	This is your admin home page. 
                	It will give you access to all 
                	things within the back end system 
                	that you will need to facilitate 
                	a smooth operation.
                </div>
                <strong class="h">Mensagens</strong>
                <div class="mensagens">
					<ui:insert name="mensagens">
						Mensagens não especificado...
					</ui:insert>
				</div>
            </div>
        </div>
        <div id="footer"><ui:insert name="footer">
			<ui:include src="footer.xhtml" />
		</ui:insert></div>
    </div>
</h:body>
</html>